import { HashRouter, Route } from 'react-router-dom'
import _tt from './utils/tools'
import R from './router/index'
import Footer from './components/Footer/Footer'
import { CSSTransition, TransitionGroup } from 'react-transition-group'
export default function App() {
  return (
    <>
      <HashRouter>
        <TransitionGroup>
          <CSSTransition
            in={true}
            classNames="box"
            timeout={1000}
            unmountOnExit={true}
            appear
            onEnter={(el: any) => console.log('开始进入', el)}
            onEntering={(el: any) => console.log('正在进入')}
            onEntered={(el: any) => console.log('进入完成')}
            onExit={(el: any) => console.log('开始退出')}
            onExiting={(el: any) => console.log('正在退出')}
            onExited={(el: any) => console.log('退出完成')}
          >
            <R />
          </CSSTransition>
        </TransitionGroup>

      </HashRouter>
    </>
  )
}
